<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../image/OIP.jpg" type="image/x-icon" />
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/footer.css">
    <title>登录</title>
</head>
<body>
    <div id="app">
        <header>
            <div id="header_content">
                <span id="logo_first">相亲</span>
                <span id="logo_last">论坛</span>
            </div>        
        </header>
        <main>
            <div id="main_content">
                <form action="javascript:void(0);">
                    <p class="form_title">登录相亲论坛</p>
                    <input type="text" name="username" id="username" placeholder="输入登录名">
                    <input type="password" name="pwd" id="pwd" placeholder="输入密码">
                    <input type="submit" value="立即登录">
                    <a>免费注册</a>
                </form>
            </div>
        </main>  
        <footer>
            <p>
                <a href="javascript:void(0)">关于我们</a> |
                <a href="javascript:void(0)">联系我们</a>|
                <a href="javascript:void(0)">加入我们</a>|
                <a href="javascript:void(0)">合作伙伴</a>| 
                <a href="javascript:void(0)">意见反馈</a>|
                <a href="javascript:void(0)">安全中心</a>|
                <a href="javascript:void(0)">网站地图</a> | 
                <a href="javascript:void(0)">帮助中心</a>|    
                <a href="javascript:void(0)">情感咨询</a>|
                <a href="javascript:void(0)">真爱问答</a>|             
                <a href="javascript:void(0)">个人信息</a>
            </p>
            <p>Copyright © 2020 无版权 仅学习使用</p>
        </footer>
       
    </div>
</body>
</html>